@import "../../assets/global.scss";

.wrapper-sto-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  border: 1px solid $border-color;
  padding: $wrapper-padding;
  border-radius: $wrapper-border-radius;
  background-color: #fdfdfd;
  margin-bottom: 10px;

  .item {
    height: 40px;
    flex: 1;
    margin: 2px;

    * {
      border-radius: 2px;
    }
  }

  input,
  select,
  span,
  button {
    margin-right: $global-horizontal-margin;
  }

  .btns {
    float: right;
    display: flex;

    button {
      border: $global-border;
      flex: 1;
      height: 100%;
    }

    button:last-child {
      margin-right: 0;
    }
  }

  .range-box {
    display: flex;
    width: 180px;
    align-items: center;

    input {
      min-width: 0;
      flex: 1;
      display: inline-block;
      height: 100%;
    }
  }
}
